@import "../../assets/styles/theme.module.scss";
.dashboard_fans_collection_box {
  .dashboard_fans_collection_bar {
    display: flex;
    display: flex;
    padding: 1rem 0;
    cursor: pointer;
    .bar_item {
      border: none;
      color: $disable;
      font-family: $main_font;
      font-size: 1.3rem;
      &.active {
        background-color: $main_light;
        color: white;
      }
    }
  }
  .dashboard_action_box {
    display: flex;
    padding: 1.5rem 1.5rem;
    justify-content: space-between;
    > div {
      width: 40%;
      input[type="text"] {
        height: 2.5rem;
      }
    }
    .dashboard_button_box {
      display: flex;
      flex-direction: row-reverse;
      .tooltip_trigger {
        background-color: #fff;
        background-image: linear-gradient(
          240deg,
          $main_dark 15%,
          $main_light 60%
        );
        border: none;
        border-radius: 5px;
        color: #fff;
        outline: none;
        cursor: pointer;
        font-size: $font_normal;
        padding: 0.7rem 3.5rem;
        font-family: $main_font;
      }
      > button {
        margin-right: 1rem;
      }
    }
    .dashboard_refresh {
      position: absolute;
      bottom: 0;
      font-size: 1.2rem;
      span {
        font-size: 0.875rem;
      }
      i {
        font-size: 0.875rem;
        color: $active_color;
        font-style: normal;
        cursor: pointer;
      }
    }
  }
}
